<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户列表</title>
    <link href="${pageContext.request.contextPath}/static/js/plugins/DataTables/media/css/dataTables.bootstrap.min.css" rel="stylesheet"/>
    <link href="${pageContext.request.contextPath}/static/js/plugins/bootstrap-switch/css/bootstrap3/bootstrap-switch.min.css" rel="stylesheet"/>
    <link href="${pageContext.request.contextPath}/static/js/plugins/bootstrap-datetimepicker/css/datetimepicker.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/static/css/customer.css">
</head>
<body>
<div>
    <div class="row">
        <div class="panel panel-inverse">
            <div class="panel-heading custom-panel-heading">
                <h4 class="panel-title">用户列表</h4>
            </div>
            <div class="panel-body">
                <form method="POST" action="#" class="form-inline m-b-15">
                    <div class="form-group m-r-10">
                        <label for="telephone" class="control-label">手机号:</label>
                    </div>
                    <div class="form-group input-group m-r-10">
                        <input type="text" class="form-control" name="telephone" id="telephone"
                               placeholder="手机号码"/>
                    </div>
                    <div class="form-group m-r-10">
                        <label for="nick_name" class="control-label">昵称:</label>
                    </div>
                    <div class="form-group input-group m-r-10">
                        <input type="text" class="form-control" name="nick_name" id="nick_name"
                               placeholder="用户昵称"/>
                    </div>
                    <div class="form-group m-r-10">
                        <input type="button" id="user_search" class="btn btn-search" onclick="search_user()"
                               value="查询"/>
                    </div>
                </form>
                <form method="POST" action="#" class="form-inline m-b-15">
                    <div class="form-group m-r-10">
                        <label for="today" class="control-label">当前日注册量:</label>
                    </div>
                    <div class="form-group input-group m-r-10">
                        <input type="text" id="today" class="form-control" value="${statistic[0]}" disabled/>
                    </div>
                    <div class="form-group m-r-10">
                        <label for="mouth" class="control-label">当前月注册量:</label>
                    </div>
                    <div class="form-group input-group m-r-10">
                        <input type="text" id="mouth" class="form-control" value="${statistic[1]}" disabled/>
                    </div>
                    <div class="form-group m-r-10">
                        <label for="year" class="control-label">当前年注册量:</label>
                    </div>
                    <div class="form-group input-group m-r-10">
                        <input type="text" id="year" class="form-control" value="${statistic[2]}" disabled/>
                    </div>
                </form>
            </div>
        </div>
        <div class="panel panel-inverse">
            <div class="panel-body">
                <table class="table table-bordered" id="user_table">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>手机号码</th>
                        <th>头像</th>
                        <th>昵称</th>
                        <th>性别</th>
                        <th>生日</th>
                        <th>个性签名</th>
                        <th>收货地址</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="tableBody">
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="send_official_msg_modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">
                    </button>
                    <h5 class="panel-title">发送官方消息</h5>
                </div>
            </div>
            <div class="panel-body">
                <form id="user_form" class="form-horizontal form-bordered"
                      data-parsley-validate="true" action="#" method="post">
                    <input type="hidden" id="user_member_id">
                    <input type="hidden" id="member_status_value">
                    <div class="form-group">
                        <label for="msg" class="col-md-3 control-label">官方消息</label>
                        <div  class="col-md-9">
                            <input type="text" class="form-control" placeholder="官方消息" autocomplete="off"
                                   id="msg" name="expire_date">
                        </div>
                    </div>
                    <div class="modal-footer" style="padding-left: 42%;">
                        <a class="btn  btn-success pull-left  btn-sm m-r-5"
                           style="background-color: #169BD5; border: 0; margin-right: 20px;"
                           onclick="send_to_user()">确定</a>
                        <a class="btn btn-info pull-left btn-sm m-r-5" data-dismiss="modal"
                           style="background-color: #CCCCCC; border: 0;">取消</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="disable_user_msg_modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">
                    </button>
                    <h5 class="panel-title">用户禁言</h5>
                </div>
            </div>
            <div class="panel-body">
                <form id="disable_form" class="form-horizontal form-bordered"
                      data-parsley-validate="true" action="#" method="post">
                    <input type="hidden" id="_user_member_id">
                    <div class="form-group">
                        <label for="msg" class="col-md-3 control-label">禁言时间</label>
                        <div  class="col-md-9">
                           <select id="disable_day">
                               <option value="3" selected>3天</option>
                               <option value="5">5天</option>
                               <option value="7">7天</option>
                           </select>
                        </div>
                    </div>
                    <div class="modal-footer" style="padding-left: 42%;">
                        <a class="btn  btn-success pull-left  btn-sm m-r-5"
                           style="background-color: #169BD5; border: 0; margin-right: 20px;"
                           onclick="update_user_disable_time()">确定</a>
                        <a class="btn btn-info pull-left btn-sm m-r-5" data-dismiss="modal"
                           style="background-color: #CCCCCC; border: 0;">取消</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script src="${pageContext.request.contextPath}/static/js/plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugins/DataTables/media/js/jquery.dataTables.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugins/DataTables/media/js/dataTables.bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugins/bootstrap-bundle/bootstrap.bundle.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugins/moment/moment.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/utils/ObjectUtils.js"></script>
<script src="${pageContext.request.contextPath}/static/js/utils/HttpUtils.js"></script>
<script src="${pageContext.request.contextPath}/static/js/utils/ModalUtils.js"></script>
<script src="${pageContext.request.contextPath}/static/js/utils/MsgUtils.js"></script>
<script src="${pageContext.request.contextPath}/static/js/utils/DateUtils.js"></script>
<script src="${pageContext.request.contextPath}/static/js/utils/datatable_init.js"></script>
<script src="${pageContext.request.contextPath}/static/js/utils/datatable_constant.js"></script>
<script src="${pageContext.request.contextPath}/static/js/utils/datatable_core.js"></script>
<script src="${pageContext.request.contextPath}/static/js/user/user.js"></script>
<script>
</script>
</body>
</html>